<div id = "centerBody">
  	{% for p in col1 %}
  	<div class = "infoColumn">
  	
		<a rel="lightbox[pics]" title="{{p.title}}" href="{{p.link}}">
		  <img src="{{p.link}}" width="100%" />
		</a>
		
		<hr/>
		<h6>{{p.title}}</h6>
		<hr/>
		
		<div class = "columnSocial">
		
			<div class = "innerColumnSocial">
				<!-- Facebook Send -->
				<div class="fb-send" style = "margin: 0px auto 0px auto;" data-href="{{p.link}}" data-font="arial"></div>
			</div>
			
			<div class = "innerColumnSocial">
				<!-- Twitter Tweet -->
				<center>
					<a href="https://twitter.com/share" class="twitter-share-button" data-url="{{p.link}}" data-via="@RedditPix" data-lang="en">Tweet</a>
				</center>
				<script>
				!function(d,s,id) {
					var js,fjs=d.getElementsByTagName(s)[0];
					if(!d.getElementById(id)){
						js=d.createElement(s);
						js.id=id;
						js.src="https://platform.twitter.com/widgets.js";
						fjs.parentNode.insertBefore(js,fjs);
					}
				}
				(document,"script","twitter-wjs");
				</script>
			</div>
		
		</div>
		
	</div>
	{% endfor %}
</div>
